<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>eNewStore</title>

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link  rel="stylesheet" href="<c:url value="/assets/css/bootstrap.css" />">
    <link  rel="stylesheet" href="<c:url value="/assets/css/global.css"/>">
    <link  rel="stylesheet" href="<c:url value="/assets/css/toastr.min.css"/>">
</head>

<!-- HTML code from Bootply.com editor -->

<body onload=init()>

<!-- Header -->
<jsp:include page="../Menu_template/menuHeader.jsp"/>

<!-- Main -->
<div class="container">

    <!-- upper section -->
    <div class="row">
        <div class="col-md-3">
            <!-- left -->
            <a href="/returnDashboard"><strong><i class="glyphicon glyphicon-briefcase"></i> Service Préparation</strong></a>
            <br>
            <br>
            <br>
            <div class="col-md-12">
                <input class="btn btn-md btn-primary" type="button" id="btnIncident" name="incident" value="INCIDENT" onclick=displayOrHide("declareincident")>
            </div>
            <div class="col-md-12" id="declareincident">
                <label>Type Incident :</label>
                                <select class="btn-default btn-sm" id="lstIncident">
                                    <c:forEach var="liste" items="${lstIncident}">
                                        <option value=${liste.eIncident}>${liste.sDescr}</option>
                                    </c:forEach>
                                </select>
                <br>
                <br>
                <br>
                <label>Type Mouvement :</label>
                                <select class="btn-default btn-sm" id="typeMouv">
                                    <option value=3>Sortie</option>
                                    <option value=10>Interne</option>
                                    <option value=1>Entree</option>
                                </select><br>
                <label>N° Palette :</label> <input type="text" class="form-control" name="idPal" placeholder="ID Palette" value="0" id="idPal"><br>
                <label>Ref Article (si besoin) :</label> <input type="text" class="form-control" name="idArticleFour" placeholder="Reference Article" value="0" id="idArticleFour"><br>
                <label>Quantité d'articles : </label><input type="text" class="form-control" name="qteArticle" placeholder="Nombre Article" value="0" id="qteArticle"><br>
                <input type="button" class="btn btn-md" name="enregIncident" value="ENREGISTRER" onclick=enregIncident()>
            </div>
        </div>
        <!-- /span-3 -->
        <div class="col-md-9">

            <!-- column 2 -->
            <a href="#"><strong><i class="glyphicon glyphicon-dashboard"></i> Tâche en cours</strong></a>
            <hr>
            <div class="row">
                <!-- center left-->
                <div class="col-md-10">

                    <div class="panel panel-default">
                        <div class="panel-body">
                            <input type="text" id="scanzone" class="form-control" style="width: 30%" placeholder="Zone Palette Casier" name="scanzone" autofocus>
                            <input type="text" id="scanpal" class="form-control" style="width: 30%" placeholder="ID de la palette" name="scanpal" >
                            <input type="hidden" id="idzonedemandee" name="idzonedemandee" value="${laTache.iIDEmplacementArrivee}">
                            <input type="hidden" id="idzonedepart" name="idzonedepart" value="${laTache.iIDEmplacementDepart}">
                            <br>
                            <div id="libscanzone"></div>
                            <h1>Détail</h1>

                            <div id="listTaches" class="table-responsive">
                                <table class="table table-bordered" cellspacing="0" width="100%">

                                <tr>
                                    <th>Code Article</th>
                                    <th>Tache N°</th>
                                    <th>Nom Article</th>
                                    <th>Nbre</th>
                                    <th>Emplacement</th>
                                    <th>Destination</th>
                                    <th>Statut</th>
                                    <th>ID Palette</th>


                                </tr>
                                <div id="detailTache">
                                <tr>
                                    <th><div id="idTache"> ${laTache.iIdTache}</div></th>
                                    <th><div id="idartfou"> ${laTache.iIDArtFou}</div></th>
                                    <td><div id="nomarticle"> ${laTache.sNomArticle}</div></td>
                                    <td><div id="nbart"> ${laTache.iNbArt}</div></td>
                                    <td><div id="emplacement"> ${laTache.sEmplacement}</div></td>
                                    <td><div id="zonedepart"> ${laTache.sZoneDepot}</div></td>
                                    <td><div id="statut"> ${laTache.iStatut}</div></td>
                                    <td><div id="valIDPalette"> </div></td>
                                </tr>
                                </div>

                                </table>
                                </div>

                        </div>
                        <!--/panel-body-->


                    </div>
                    <!--/panel-->
                </div>
                <!--/col-->
            </div>
            <script type='text/javascript' src="<c:url value="/assets/js/jquery-2.0.0.min.js"/>"></script>
            <script type='text/javascript' src="<c:url value="/assets/js/scan.js"/>"></script>
            <script type='text/javascript' src="<c:url value="/assets/js/script.js"/>"></script>



            <script type='text/javascript'
                    src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

        </div>

    </div>
</div>
</body>
</html>